@charset "UTF-8";

// font size
/*
//小
$base-font-size-20:toRem(20px);  .24rem


//中
$base-font-size-28:toRem(28px)  .32rem;


//大
$base-font-size-34:toRem(40px); .4rem;

*/



//公共样式，显示/隐藏，文字颜色，对齐方式，宽度，清除浮动
//public style
.p-hide{
  display: none !important;
}
.p-show{
  display: block !important;
}
.hide {
  display: none;
}
.show{
  display: block;
}
.p-visible{
  visibility: visible;
}
.p-hidden{
  visibility: hidden;
}


//清除浮动
.p-clear-fix:after{
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear:both;
}


//文字超出容器长度时自动隐藏，必须强制容器为 block，才会生效
//如果有多列时，必须使用浮动布局(可以不指定具体宽度)，才会使最后一列生成 ...   效果；
.p-text-hide{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

//居中对齐
.p-text-center{
  text-align: center;
}

//居右对齐
.p-text-right{
  text-align: right;
}


//修复被padding或border破坏的布局
.p-box-sizing{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

//添加css动画效果前需要使用此公共类，具体效果应写在对应的:hover中，
//如 .res:hover{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
.p-tran{
  transition:  .3s all;
}


//将元素显示为圆形，多用于头像上的效果；
.p-circle{
  display: block;
  overflow: hidden;
  border-radius: 50%;
}


//灰度图
.p-gray{
  -webkit-filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  filter:grayscale(100%);
}

//图像垂直居中
.p-img-abs{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  margin: 0;
}


//英文或数字，使用Arial字体，字体大小为16px，1倍行高；
.p-arial{
  font-family: Arial ;
}
.p-impact{
  font-family: Impact;
}





/*icon font 图标*/
@font-face {font-family: "iconfont";
  src: url('/res/fonts/iconfont/iconfont.eot?t=1460606730'); /* IE9*/
  src: url('/res/fonts/iconfont/iconfont.eot?t=1460606730#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/res/fonts/iconfont/iconfont.woff?t=1460606730') format('woff'), /* chrome, firefox */
  url('/res/fonts/iconfont/iconfont.ttf?t=1460606730') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('/res/fonts/iconfont/iconfont.svg?t=1460606730#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:.3rem;

  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-twitter:before { content: "\e602"; }
.icon-QQ:before { content: "\e603"; }
.icon-weixin:before { content: "\e604"; }
.icon-back:before { content: "\e600"; }
.icon-weibo:before { content: "\e601"; }
.icon-facebook:before { content: "\e609"; }







//基础样式设置
//默认大小，以iphone6为准
html{
  font-size: 50px;
  height: auto;
}
body{
  color: #c1c1c1;
  background:url("/res/images/bg/block/bg-img.jpg") right;
  font-size: .32rem;
  font-family: 'STHeiti','Microsoft YaHei',Helvetica,Arial,sans-serif;;
  max-width: 1080px;
  margin: 0 auto;
  height: auto;
}
h1, h2, h3{  font-size: .375rem;  }
h4, h5, h6{  font-size: .3rem  }

a,img{
  -webkit-touch-callout:none;
}

a:link,
a:visited{
  text-decoration: none;
  color:#fff;
}

a:active{
  text-decoration: none;

}

table{
  border-collapse:collapse;
  border-spacing:0;
}
td{
  font-size:  .32rem
}
template{
  display: none;
}
